<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>Hola Mundo</h:head>
<h:body style="font-size:10px;">


<!-- Manejo de Timeout con Primefaces -->

	<p:idleMonitor timeout="10000" onidle="idleDialog.show()"
		onactive="idleDialog.hide()" />

	<p:dialog header="What's happening?" resizable="false"
		widgetVar="idleDialog" modal="true" width="400">
		<h:outputText value="Dude, are you there?" />
	</p:dialog>
	
<!-- Fin Manejo de Timeout con Primefaces -->


	<h:form id="form">

		<h:panelGrid columns="2" cellpadding="10">

			<h:outputText value="Theme Preview:" />
			<p:commandButton value="blitzer"
				onclick="PrimeFaces.changeTheme('blitzer')" />


			<p:themeSwitcher value="#{themeSwitcherBean.theme}"
				style="width:200px" effect="fade">
				<f:selectItem itemLabel="Choose Theme" itemValue="" />
				<f:selectItems value="#{themeSwitcherBean.advancedThemes}"
					var="theme" itemLabel="#{theme.name}" itemValue="#{theme}" />
				<p:column>
					<p:graphicImage value="/images/themes/#{t.image}" />
				</p:column>

				<p:column>  
                #{t.name}  
            </p:column>
				<p:ajax listener="#{themeSwitcherBean.saveTheme}" />
			</p:themeSwitcher>

		</h:panelGrid>

		<p:separator />

		<p:dialog header="Dialog" widgetVar="dlg" minHeight="40" modal="true">
			<h:outputText value="Resistance to PrimeFaces is futile!" />
		</p:dialog>

		<br />

		<p:commandButton value="Dialog" onclick="PF('dlg').show()"
			type="button" />

		<br />
		<br />

		<p:panel header="Panel">  
        Panel Content  
    </p:panel>

		<br />

		<p:toolbar>
			<p:toolbarGroup align="left">
				<p:commandButton type="button" value="New" icon="ui-icon-document" />

				<p:commandButton type="button" value="Open"
					icon="ui-icon-folder-open" />

				<p:separator />

				<p:commandButton type="button" title="Save" icon="ui-icon-disk" />
				<p:commandButton type="button" title="Delete" icon="ui-icon-trash" />
				<p:commandButton type="button" title="Print" icon="ui-icon-print" />
			</p:toolbarGroup>

			<p:toolbarGroup align="right">
				<p:menuButton value="Navigate">
					<p:menuitem value="Home" url="http://www.primefaces.org" />
					<p:menuitem value="ShowCase"
						url="http://www.primefaces.org/showcase" />
					<p:menuitem value="TouchFaces"
						url="http://www.primefaces.org/showcase/touch" />
				</p:menuButton>
			</p:toolbarGroup>

		</p:toolbar>

		<br />

		<p:tabView>
			<p:tab title="Tab1">Tab1 Content</p:tab>
			<p:tab title="Tab2">Tab2 Content</p:tab>
			<p:tab title="Tab3">Tab3 Content</p:tab>
		</p:tabView>

	</h:form>
</h:body>

</html>